<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 顶部 -->
    <header>
        <div class="container">
            <a href="#"><img src="images/logo.png" alt=""></a>
            <nav class="head">
                <a href="">学习概况</a>
                <a href="">机构设置</a>
                <a href="">师资队伍</a>
                <a href="">科学研究</a>
                <a href="">招生就业</a>
                <a href="">图书馆</a>
                <a href="">校长信箱</a>
                <a href="">校园导航</a>
                <a href="">快速通道</a>
                <select>
                    <option value="volvo">Volvo</option>
                    <option value="saab">Saab</option>
                    <option value="opel">Opel</option>
                    <option value="audi">Audi</option>
                </select>
            </nav>
        </div>
    </header>
    <!-- banner区 -->
    <section class="banner">
        <img src="images/banner.jpg" alt="">
    </section>
    <!-- 新闻区 -->
    <section class="main">
        <article class="top clearfix">
            <dl>
                <dt><a href="#">慕课快讯 基层风采 媒体聚焦 慕课视频 &gt;&gt;</a></dt>
                <dd><a href="">&gt;慕课平台课程扩容 覆盖多个领域 12-30</a></dd>
                <dd><a href="">&gt;李克强主持座谈会 葛优刘国栋被请进中南海 12-30</a></dd>
                <dd><a href="">&gt;疫情逼急78岁拜登，1亿人打疫苗+百日口罩令来了！ 12-30</a></dd>
                <dd><a href="">&gt;普京核战专机被小偷光顾：39件无线电设备遭窃 12-30</a></dd>
                <dd><a href="">&gt;1982年世界杯金靴 意大利传奇球星保罗-罗西去世 12-30</a></dd>
                <dd><a href="">&gt;曾被中央巡视组点名的这个局 局长已调整为巡视员 12-30</a></dd>
                <dd><a href="">&gt;美海军MQ-4C战略无人侦察机进入南海 12-30</a></dd>
                <dd><a href="">&gt;这个正在毒害西方的疫情谣言，开始在中国传播了！12-30</a></dd>
            </dl>
            <dl>
                <dt><a href="#">慕课快讯 基层风采 媒体聚焦 慕课视频 &gt;&gt;</a></dt>
                <dd><a href="">&gt;慕课平台课程扩容 覆盖多个领域 12-30</a></dd>
                <dd><a href="">&gt;李克强主持座谈会 葛优刘国栋被请进中南海 12-30</a></dd>
                <dd><a href="">&gt;疫情逼急78岁拜登，1亿人打疫苗+百日口罩令来了！ 12-30</a></dd>
                <dd><a href="">&gt;普京核战专机被小偷光顾：39件无线电设备遭窃 12-30</a></dd>
                <dd><a href="">&gt;1982年世界杯金靴 意大利传奇球星保罗-罗西去世 12-30</a></dd>
                <dd><a href="">&gt;曾被中央巡视组点名的这个局 局长已调整为巡视员 12-30</a></dd>
                <dd><a href="">&gt;美海军MQ-4C战略无人侦察机进入南海 12-30</a></dd>
                <dd><a href="">&gt;这个正在毒害西方的疫情谣言，开始在中国传播了！12-30</a></dd>
            </dl>
            <img src="images/weixin.png" alt="">
        </article>

        <!-- 近期专题-->
        <article class="bottom clearfix">
            <h6>近期专题</h6>
            <div>
                <a href=""><img src="images/1.png" alt="">
                    <h6>教育发展基金专题</h6>
                </a>
                <a href=""><img src="images/2.png" alt="">
                    <h6>教育发展基金专题</h6>
                </a>
                <a href=""><img src="images/3.png" alt="">
                    <h6>教育发展基金专题</h6>
                </a>
            </div>
        </article>
    </section>
    <nav class="bottom">
        <a href="#">文化站点</a>
        <a href="#">信息服务</a>
        <a href="#">校友会</a>
        <a href="#">查询系统</a>
        <a href="#">教务管理系统</a>
        <a href="#">网络教学平台</a>
        <a href="#">咨询服务</a>
        <a href="#">acm/oj</a>
        <a href="#">旧版入口</a>
        <a href="#">站群系统</a>
    </nav>
    <footer>
        <p>Copyright © 2017 imooc.com All Rights Reserved|京IPC备 13046642号-2</p>
    </footer>
</body>

</html>